doctype html
html(lang='zh-CN')
	head
		meta(charset='utf-8')
		meta(http-equiv='X-UA-Compatible', content='IE=edge')
		block title
			title 分享平台
		meta(name='viewport', content='width=device-width, initial-scale=1.0')
		link(rel='shortcut icon', href='/favicon.ico')
		link(rel='stylesheet', href='//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css')
		link(rel='stylesheet', href='//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css')
		link(rel='stylesheet', href='#{base}/css/file-list.css')
		block css
		include nfile
	body.home-template
		header.main-header(style='background-image: url(#{base}/images/fcb3879e14429d75833a461572e64.jpg)')
			.container
				.row
					.col-sm-12
						a.branding(href='#{base}/list', title='文件共享平台')
							img(src='#{base}/images/4f5566c1f7bc28b3f7ac1fada8abe.png', alt='文件共享系统')
		nav.main-navigation
			.container
				.row
					.col-sm-12
						.navbar-header
							span.nav-toggle-button.collapsed(data-toggle='collapse', data-target='#main-menu')
								span.sr-only Toggle navigation
								i.fa.fa-bars
						#main-menu.collapse.navbar-collapse
							ul.menu
								li(role='presentation')
									a(href='#{base}/list') 首页
								li(role='presentation')
									a(href='#{base}/tag-cloud') 标签
								li(role='presentation')
									a(href='#{base}/edit') 编辑
								li(role='presentation')
									a(href='#{base}/readme/readme.md') 关于
		section.content-wrap
			.container
				.row
					main.col-md-8.main-content
						block main
					aside.col-md-4.sidebar
						block aside
							.widget
									h4.title git地址
									.content.community
											p
													a(href='https://github.com/shushanfx/nfile', title='nfile', target='_blank')
															i.fa.fa-comments
															|  nfile
							.widget
								h4.title 标签云
								.content.tag-cloud
									a(href='#{base}/tag/markdown/') 用户指南
									a(href='#{base}/tag/jquery/') jQuery
									a(href='#{base}/tag/jquery/') Bootstrap
									a(href='#{base}/tag/html/') html
									a(href='#{base}/tag/http/') http
									a(href='#{base}/tag/upload/') 文件上传
									a(href='#{base}/tag/java/') java
									a(href='#{base}/tag/jquery/') python
									a(href='#{base}/tag/javascript/') javascript
									a(href='#{base}/tag/mysql/') MySQL
									a(href='#{base}/tag/promise/') Promise
									a(href='#{base}/tag/nodejs/') Node.js
									a(href='#{base}/tag/theme/') 主题
									a(href='#{base}/tag/nginx/') Nginx
									a(href='#{base}/tag/proxy/') 反向代理
									a(href='#{base}/tag/apache/') Apache
									a(href='#{base}/tag/release/') 新版本发布
									a(href='#{base}/tag-cloud/') ...
		footer.main-footer
			.container
					.row
						block footer
							.col-sm-4
								.widget
									h4.title 标签云
									.content.tag-cloud
										a(href='#{base}/tag/help/') 帮助
										a(href='#{base}/tag/release/') 新版本发布
										a(href='#{base}/tag/javascript/') JavaScript
										a(href='#{base}/tag/promise/') Promise
										a(href='#{base}/tag/theme/') 主题
										a(href='#{base}/tag/nodejs/') Node.js
										a(href='#{base}/tag/mysql/') MySQL
										a(href='#{base}/tag/nginx/') Nginx
										a(href='#{base}/tag/ubuntu/') Ubuntu
										a(href='#{base}/tag/markdown/') Markdown
										a(href='#{base}/tag/proxy/') 反向代理
										a(href='#{base}/tag/apache/') Apache
										a(href='#{base}/tag-cloud/') ...
							.col-sm-4
								.widget
									h4.title 合作伙伴
									.content.tag-cloud.friend-links
										a(href='http://www.bootcss.com', title='Bootstrap中文网', onclick="_hmt.push(['_trackEvent', 'link', 'click', 'bootcsscom'])", target='_blank') Bootstrap中文网
										a(href='http://www.bootcdn.cn', title='开放CDN服务', onclick="_hmt.push(['_trackEvent', 'link', 'click', 'bootcdncn'])", target='_blank') 开放CDN服务
										a(href='http://www.gruntjs.net', title='Grunt中文网', onclick="_hmt.push(['_trackEvent', 'link', 'click', 'gruntjsnet'])", target='_blank') Grunt中文网
										a(href='http://www.gulpjs.com.cn/', title='Gulp中文网', onclick="_hmt.push(['_trackEvent', 'link', 'click', 'gulpjscomcn'])", target='_blank') Gulp中文网
										hr
										a(href='http://lodashjs.com/', title='Lodash中文文档', onclick="_hmt.push(['_trackEvent', 'link', 'click', 'lodashjscom'])", target='_blank') Lodash中文文档
										a(href='http://www.jquery123.com/', title='jQuery中文文档', onclick="_hmt.push(['_trackEvent', 'link', 'click', 'jquery123com'])", target='_blank') jQuery中文文档
		.copyright
			.container
				.row
					block copyright
							.col-sm-12
									span
											| Copyright © 
											a(href='http://www.shushanfx.com/') 蜀山风行工作室
		a#back-to-top(href='javascript:void(0);')
			i.fa.fa-angle-up
		script(src='//cdn.bootcss.com/jquery/1.11.3/jquery.min.js')
		script(src='//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js')
		script(src='//cdn.bootcss.com/highlight.js/8.5/highlight.min.js')
		script(src='#{base}/js/file-list.js')
		block script
